<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery-3.7.1.min.js"></script>
</head>

<body>
<p id="p1">你好</p>
<p><input id="p2" type="text" value="20040429"></p>
<p id="p3"></p>

<button id="One">修改第一段内容</button>
<button id="Two">修改第二段内容</button>
<button id="Three">修改第三段内容</button>
<button id="F5">刷新</button>
<script>
    var data = $("#p1").text();

    $("#One").click(function() {
        $("#p1").text("妮妮");
    });
    $("#Two").click(function() {
        $("#p2").val("2004-04-29");
    });
    $("#Three").click(function() {
        $("#p3").html("<h1>金牛</h1>");
    });
    $("#F5").click(function(){
        let url = "http://localhost:1234/index.php";
        window.location.replace(url);
    })
</script>
</body>

</html>